<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<meta http-equiv="X-UA-Compatible" content="IE=10">

<script type="text/javascript" src="<%=path%>/resources/lunbo/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/lunbo/jquery.slideBox.min.js"></script>


<link rel="stylesheet" type="text/css" href="<%=path%>/resources/lunbo/jquery.slideBox.css">


<%-- this is top content --%> 
<style>
<!--
	.top_company{
		/* font-family:"华文彩云"; */
		font-size:36px;
		/* color:#59cbef; */
	}
	.top_phone{
		width:30px;
		height:30px;
	}
	.top li{
		text-align:center;
		display: inline-block;
		margin:10px 10px;
		margin-left:50px;
		font-size:26px;
		padding:8px;
		padding-left:20px;
		padding-right:20px;		
		border-radius:20px 20px 20px 20px;
		
 		-webkit-transition: all 0.5s linear;
	    -moz-transition: all 0.5s linear;
	    -o-transition: all 0.5s linear;
	    transition: all 0.5s linear;
	}
	.top li:hover{
		background-color: #ddd;
		border-radius:20px 20px 20px 20px;
		cursor:pointer;
		color:#349bf3;
		
	}
	.top .top_ul{
		margin-top:10px;
		border:1px solid #ddd;
		border-radius:3px 3px 10px 10px;
	}
	.items img{
		
	}
	.connect_us .connect_txt{
		margin-left:10%;
	}	
	.connect_position{
		min-width:330px;
		margin-left:8%;
	}
	.connect_position .connect_company{
		font-size:15px;
		color:#43b9f3;
	}
	
	.data_body_news_block .news_each{
		/* height:80px; */
		overflow:hidden;
	}
	
	.data_body_news_block .div2hr{
		border:1px solid #ddd;
		height:1px;
		margin-top:6px;
		margin-bottom:6px;
	}
	.topwithsmall{
		color:#7bbbff;
		width:1260px;
		/* margin-right:auto; */
		
	}
	
	.loading{  
	    width:160px;  
	    height:56px;  
	    position: absolute;  
	    top:50%;  
	    left:50%;  
	    line-height:56px;  
	    color:#fff;  
	    padding-left:60px;  
	    font-size:15px;  
	    background: #000 url(images/load2.gif) no-repeat 10px 50%;  
	    opacity: 0.7;  
	    z-index:9999;  
	    -moz-border-radius:20px;  
	    -webkit-border-radius:20px;  
	    border-radius:20px;  
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
	}  
	
-->
</style>

<script type="text/javascript">
<!--
//-->
var path='<%=basePath%>';

$(function(){
	$("#loading").hide();
	showEle(1);
	
	$(".top_ul li").bind("click",function(){ 
		var eid=$(this).attr('id');
		var eindex=eid.split('_')[1];
		showEle(eindex);
	});
	
	extNavMenu();
	
	$(".cs_btn").bind("click",function(){
		/* cs_box.set({ 
			qq : '3530511934', // 设置QQ号码
		}); */ 
		window.open("http://wpa.qq.com/msgrd?v=3&uin=3530511934&site=qq&menu=yes","_blank");
	});
	
	
	$("#loading").hide();
});



function showEle(index){
	for(var i=1;i<7;i++){
		$(".div_"+i).hide();
	}
	$(".div_"+index).show();
	
	/* tudo 补充相关模块的数据，不要在首次加载，提高访问速度 */
	if(index=='2'){ 
		$(".data_details").remove();
		$(".data_ul").empty();
		initFontProds(path,1);
		$(".data_ul").show();	
	}	
 	if(index=='3'){ 
 		$(".data_ul").empty();
		$(".data_details").remove();
		initFontNews(path,1);
		$(".data_ul").show();
	} 
 	
 	if(index=='4'){
 		$(".data_ul").empty();
		$(".data_details").remove();  
		initIntroduceDesc();
		$(".data_ul").show();
 	}
 	if(index=='5'){
 		$(".data_ul").empty();
		$(".data_details").remove(); 
		initAdvertiseList(1);
		$(".data_ul").show();
 	}
 	if(index=='6'){
		$(".data_ul").empty();
		$(".data_details").remove(); 
		initZiZhi();
		$(".data_ul").show();
 	}
 	

}

/* 加载拓展导航 */
function extNavMenu(){
	$.post(path+"navMenuAction_list.action",{
	},function(res){
		res=eval('('+res+')');
		if(res.rescode=='100'){
			for(var i=0;i<res.data.length;i++){ 
				var e=res.data[i];
				var $e=$("<li id='nav_"+parseInt(i+1)+"' ><a href='"+e.toHref+"' style='color:inherit;'>"+e.name+"</a></li>");
				$(".top_ul").append($e);
				
<%-- 	    		var $p=$("<div class='div_"+parseInt(i+1)+" data_body_div' ><jsp:include page='<%=request.getAttribute("+e.uuid+")%>'></jsp:include></div>");
	    		debugger;
				$("#pagedivs").append($p);
 --%>			}
		}
	});
}


jQuery(function($){
	$('#demo3').slideBox({
		duration : 2,//滚动持续时间，单位：秒
		easing : 'linear',//swing,linear//滚动特效
		delay : 3,//滚动延迟时间，单位：秒
		hideClickBar : false,//不自动隐藏点选按键
		clickBarRadius : 10,
		height:300
	});
});




</script>

	<div id="loading" class="loading" >Loading...</div> 
	
<jsp:include page="common.jsp"></jsp:include>

<div class="row follow_top30 top ">
	<div class="topwithsmall">
		
		<img alt="北京视盾科技发展有限公司" src="<%=path%>/images/font/logo.jpg" class="img img-rounded" style="width:80px;height:80px;">
		<span class="top_company"> 
			北京视盾科技发展有限公司
		</span>
		<div class="pull-right">
			<img alt="phone" src="<%=path%>/images/font/phone.png" class="top_phone">&nbsp;010-80758552
		</div>
		
		<ul class="top_ul">
			<li id="nav_1"><a style="color:inherit;">首&nbsp;页</a></li>
			<li id="nav_2"><a style="color:inherit;">产&nbsp;品</a></li>
			<li id="nav_3"><a style="color:inherit;">动&nbsp;态</a></li>
			<li id="nav_4"><a style="color:inherit;">公司简介</a></li>
			<li id="nav_6"><a style="color:inherit;">公司资质</a></li>
			<li id="nav_5"><a style="color:inherit;">人才招聘</a></li>
		</ul>
	</div>
	 
	<%--图片轮播 start --%>
	<div style="width:1200px;margin-left:2%;">
		<%--<div id="demo3" class="slideBox div85 " style="width:90% !important;"> 
		  <ul class="items">
		    <li><a href="javascript:void(0);" ><img src="<%=path %>/images/font/topbg.jpg"></a></li>
 		    <li><a href="javascript:void(0);" title="这里是测试标题二"><img src="<%=path %>/images/lunbo/01.jpg"></a></li>
		    <li><a href="javascript:void(0);" title="这里是测试标题三"><img src="<%=path %>/images/lunbo/01.jpg"></a></li>
		    <li><a href="javascript:void(0);" title="这里是测试标题四"><img src="<%=path %>/images/lunbo/01.jpg"></a></li>
		    <li><a href="javascript:void(0);" title="这里是测试标题五"><img src="<%=path %>/images/lunbo/01.jpg"></a></li> 
		    <li></li>
		  </ul>
		</div>--%>
		
		
		<img alt="北京视盾科技发展有限公司" src="<%=path %>/images/font/topbg.jpg" style="width:1200px;height:300px;border-radius:6px;border:1px solid #ddd;">
		
	</div>
	<%--图片轮播 end --%>
</div>
